<!DOCTYPE html>
<html>

<head>
    <title>Sigin up</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <link rel="stylesheet" href="../css/join.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
</head>

<body>

    <div class="container">
        <div id="join-sider" class="col-xs-6 col-md-4">
            <div class="layui-carousel" id="carousel">
                <div carousel-item="" id="carousel-img">
                </div>
            </div>
        </div>

        <div class="layui-container col-xs-12 col-sm-6 col-md-8" id="join">
            <div class="site-title">
                <fieldset>
                    <legend>
                        Sign up
                    </legend>
                </fieldset>
            </div>
            <form method="POST" id="join-form" action="/user/join">
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <input type="text" name="name" required lay-verify="required" placeholder="UserName"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <input type="password" name="password" required lay-verify="required" placeholder="Password"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <input type="text" name="telephone" required lay-verify="required" placeholder="Telphone"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item btn_group">
                    <div class="layui-input-block">
                        <button type="button" class="layui-btn" id="join-submit">Sigin up</button>
                    </div>
                </div>
            </form>
        </div>

    </div>
</body>

<script src="../js/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../layui/layui.js" type="text/javascript"></script>
<script src="../js/join.js" type="text/javascript"></script>

</html>
